﻿<%@ Page Title="" Language="C#" MasterPageFile="~/BookStore.Master" AutoEventWireup="true" CodeBehind="CompraPago.aspx.cs" Inherits="Bukstor.UI.Miembros.CompraPago" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Panel ID="pnlSeleccionPago" runat="server">
        <div class="title">
            Por favor informe los datos de su tarjeta
        </div>
    </asp:Panel>
    <asp:Panel ID="pnlTarjeta" runat="server" CssClass="feat_prod_box_details" 
        Width="400px">
        <asp:Panel ID="pnlDatosTarjeta" runat="server" CssClass="contact_form" 
            Width="400px">
            <div class="form_subtitle">Ingreso los datos de su tarjeta de crédito</div>
            <div class="form_row"><label class="contact" for="ddlTarjetaTipo">Tipo de tarjeta<br />
            </label>
            &nbsp;<asp:DropDownList ID="ddlTarjetaTipo"
                    runat="server" Width="200px">
                <asp:ListItem>Visa</asp:ListItem>
                <asp:ListItem>Master Card</asp:ListItem>
                <asp:ListItem>American Express</asp:ListItem>
                </asp:DropDownList>
            </div>
            <hr style="border-style: dashed; border-color: #C0C0C0; text-align: center; width: 200px" />
            <div class="form_row"><label class="contact" for="txtTarjetaNumero">Número de tarjeta<br />
            </label>
                <asp:TextBox ID="txtTarjetaNumero"
                    runat="server" Width="200px"></asp:TextBox><br />
                &nbsp;<asp:RequiredFieldValidator ID="rfvTarjetaNumero" runat="server" 
                    ControlToValidate="txtTarjetaNumero" ErrorMessage="No puede estar vacio"></asp:RequiredFieldValidator>
                &nbsp;<asp:RangeValidator ID="rvTarjetaNumero" runat="server" 
                    ControlToValidate="txtTarjetaNumero" ErrorMessage="Número inválido" 
                    MaximumValue="9999999999999999" MinimumValue="100000000000000" Type="Double"></asp:RangeValidator>
            </div>
            <hr style="border-style: dashed; border-color: #C0C0C0; text-align: center; width: 200px" />
            <div class="form_row"><label class="contact" for="txtTarjetaCodigoSeguridad">Código de seguridad<br /> </label>
                <asp:TextBox ID="txtTarjetaCodigoSeguridad"
                    runat="server" Width="200px"></asp:TextBox>
                &nbsp;<br /> <asp:RequiredFieldValidator ID="rfvTarjetaCodigoSeguridad" runat="server" 
                    ControlToValidate="txtTarjetaCodigoSeguridad" 
                    ErrorMessage="No puede estar vacio"></asp:RequiredFieldValidator>
                <asp:RangeValidator ID="rvTarjetaCodigoSeguridad" runat="server" 
                    ControlToValidate="txtTarjetaCodigoSeguridad" ErrorMessage="Número inválido" 
                    MaximumValue="9999" MinimumValue="100" Type="Integer"></asp:RangeValidator>
            </div>
            <div class="form_row">
                <asp:Button ID="btnTarjetaPagar" runat="server" Text="Pagar" 
                    CssClass="register" onclick="btnTarjetaPagar_Click" />
            </div>
        </asp:Panel>
    </asp:Panel>
    <asp:Panel ID="pnlPedido" runat="server" CssClass="feat_prod_box_details" Visible="True">
        <asp:Panel ID="pnlDetallesDelPedido" runat="server" CssClass="contact_form">
            <div class="form_subtitle">Detalle de su pedido
            </div>
            <asp:GridView ID="gvDetallePedido" runat="server" BackColor="#DEBA84" 
                BorderColor="#DEBA84" BorderStyle="None" BorderWidth="1px" CellPadding="3" 
                CellSpacing="2" ShowFooter="True" AutoGenerateColumns="False" 
                DataSourceID="odsDetallePedido" ondatabound="gvDetallePedido_DataBound" 
                HorizontalAlign="Center">
                <Columns>
                    <asp:BoundField DataField="Articulo" HeaderText="Articulo" 
                        SortExpression="Articulo" />
                    <asp:BoundField DataField="PrecioUnitario" HeaderText="PrecioUnitario" 
                        SortExpression="PrecioUnitario" />
                    <asp:BoundField DataField="Cantidad" HeaderText="Cantidad" 
                        SortExpression="Cantidad" />
                    <asp:BoundField DataField="SubTotal" HeaderText="SubTotal" ReadOnly="True" 
                        SortExpression="SubTotal" />
                </Columns>
                <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
                <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
                <PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" />
                <RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
                <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
                <SortedAscendingCellStyle BackColor="#FFF1D4" />
                <SortedAscendingHeaderStyle BackColor="#B95C30" />
                <SortedDescendingCellStyle BackColor="#F1E5CE" />
                <SortedDescendingHeaderStyle BackColor="#93451F" />
                <SortedAscendingCellStyle BackColor="#FFF1D4" />
                <SortedAscendingHeaderStyle BackColor="#B95C30" />
                <SortedDescendingCellStyle BackColor="#F1E5CE" />
                <SortedDescendingHeaderStyle BackColor="#93451F" />
            </asp:GridView>
            <asp:ObjectDataSource ID="odsDetallePedido" runat="server" 
                SelectMethod="cargarDetalle" TypeName="Bukstor.UI.Miembros.CompraPago">
            </asp:ObjectDataSource>
        </asp:Panel>
    </asp:Panel>
</asp:Content>
